<div class="wrapper style1">
	<div class="inner">
		<div class="container">
		
		
			<!-- Titulo -->
			<div class="row">
				<div class="12u">
					<section>
							<center><div id="divMessage"><span id="spanMessage" ></span></div></center>
							<header class="major"><h2>Grupos</h2></header>
					</section>
				</div>
			</div>
		
			<div class="row">

				<!-- Formulario -->
				<div class="8u">
					<div id="sidebar">
						<section>
							<header class="major"><h2>Formulário</h2></header>
							<?php include 'grupo_form.html';?>
						</section>
					</div>
				</div>
				
				<!-- Menu esquerdo -->
				<div class="4u">
					<div id="sidebar">
						<section>
							<header class="major"><h2>Informações</h2></header>
							<p>Crie um grupo que represente a sua turma do Rango</p>
							<p>Para cadastrar um novo Grupo basta preencher os campos obrigatórios do formulário e clicar no botão "Confirmar".</p>
							<p>Para remover um Grupo selecione um item da lista e clique no botão "Remover".</p>
						</section>
					</div>
				</div>
				
			</div>
			
			<!-- lista -->
			<div class="row">
				<div class="12u">
					<section>
							<header class="major"><h2>Lista de Grupos</h2></header>
							<?php include 'grupo_list.html';?><br/>
					</section>
				</div>
			</div>
			
		</div>
	</div>
</div>


<!--javascript para os eventos -->
<script language="JavaScript" src="web/grupo/js/grupo_event.js"></script>
